<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>axios的常用配置项</title>
		<script type="text/javascript" src="./js/axios.min.js"></script>
	</head>
	<body>
		<button onclick="getHello()">获取欢迎信息</button>

		<script type="text/javascript" >
			/*
				axios常用配置项: 
						url:请求地址
						method:请求方式
						params:携带query参数
						data:携带请求体参数
						timeout:超时时间
						headers:追加请求头
						baseURL:基本路径
			*/
			
			function getHello(){
				//修改axios默认配置项
				axios.defaults.timeout = 2000
				axios.defaults.headers = {school:'atguigu'}
				axios.defaults.baseURL = 'http://localhost:5000'

				axios({
					url:'/hello',
					method:'GET',
					// params:{delay:3000}, //携带query参数
					// data:{y:200}, //携带请求体参数
					// timeout:2000, //配置超时时间
					// headers:{school:'atguigu'}, //追加请求头
					baseURL:'http://localhost:5001', //请求基本路径
				}).then(
					response => {console.log('请求成功了',response.data)},
					error => {console.log('请求失败了',error.message)}
				)
			}
		</script>
	</body>
</html>